<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>新版本Polyline测试</title>
    <style>
        body {
            position: absolute;
            margin: 0;
            width: 100%;
            height: 100%;
            font-family: 'Arial', sans-serif;
        }

        #mapContainer {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            float: left;
        }
    </style>
</head>

<body>
    <div id="mapContainer"></div>
</body>
<script src='/GiswayEngine.js'></script>
<script type="text/javascript">
    // 初始化地图应用
    window.app = new GE.App('mapContainer', {
        position: [120.152925, 30.248748, 1500], // 相机的位置  
        lookAt: [120.152925, 30.248748, 0], // 相机看向的地图位置
        cameraScrollSpeed: 5, // 鼠标滚动时，控制相机移动的速度
        minZoom: 3, // 允许地图的最小层级
        maxZoom: 21, // 允许地图的最大层级
        ambientLightIntensity: 5,
        useDefaultTexture: true, // 是否使用瓦片默认纹理
        maxSlopeAngle: 80, // 地图最大倾斜角度
        baseLayer: [
            // 影像底图
            {
                url: 'https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', // 影像底图的url
                urlDecimal: true, // 影像底图url中的瓦片行列号是否是十进制，true表示十进制，false表示十六进制
                tileType: 'image', // 影像底图
                canNotSelect: false, // true表示该图层不参与射线拾取，false表示图层参与射线拾取
            }
        ]
    });

    let polylineTest = new GE.Polyline2();

    window.app.on('Click', function (e) {
       console.log(e.lnglat);

       polylineTest.addPoint(e.lnglat.clone());
    });

    

</script>

</html>